<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title><?php if(isset($title)) echo $title; ?></title>
    <meta name="keywords" content="<?php if(isset($keywords)) echo $keywords; ?>">
	<meta name="description" content="<?php if(isset($description)) echo $description; ?>">
	<meta name="viewport" content="width=device-width" />
    <link href="<?php echo $config->icon; ?>" rel="icon">

    <link href="<?php echo $url_dir ?>css/normalize.css" rel="stylesheet" type="text/css">
    <link href="<?php echo $url_dir ?>css/reset.css" rel="stylesheet" type="text/css">
    <link href="<?php echo $url_dir ?>css/nivo-slider.css" rel="stylesheet" type="text/css">
    <link href="<?php echo $url_dir ?>css/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <link href="<?php echo $url_dir ?>css/lofslidernews.css" rel="stylesheet" type="text/css">
    <!--CSS-->
    <link href="<?php echo $url_dir ?>css/style.css" rel="stylesheet" type="text/css">
    <link href="<?php echo $url_dir ?>css/products-related.css" rel="stylesheet" type="text/css">
    <!--JS-->
    <script src="<?php echo $url_dir ?>plugins/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="<?php echo $url_dir ?>js/account.js" type="text/javascript"></script>
    <script>
		function ajax_loader(type,url,data_form) {
			$.ajax({
			type: type,
			url: url,
			data: data_form,
			success: function(data_success) {
				if(data_success == "true") {
					$('.loader').fadeOut('fast');
					$(".success").slideDown('slow').delay(3000).slideUp('slow');
					clear_form();
					change_captcha();
				} else {
					$('.loader').fadeOut('fast');
					$(".error").slideDown('slow').delay(3000).slideUp('slow');
				}
			}
			});
		}
	</script>
</head>
<body>

    <!--<div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>-->
	<?php
		require("_template/header.php");
		require("_template/nav.php");
		require($file);
		require("_template/footer.php");
	?>
    
    
    
    
    <script src="<?php echo $url_dir ?>plugins/jquery.nivo.slider.js" type="text/javascript"></script>
    <script src="<?php echo $url_dir ?>plugins/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="<?php echo $url_dir ?>plugins/lofslidernews.js" type="text/javascript"></script>
    <script src="<?php echo $url_dir ?>plugins/jquery.easing.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                effect: 'random',
                slices: 15,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 3000,
                startSlide: 0,
                directionNav: true,
                controlNav: true,
                controlNavThumbs: false,
                pauseOnHover: true,
                manualAdvance: false,
                prevText: '',
                nextText: '',
                randomStart: false,
                beforeChange: function(){},
                afterChange: function(){},
                slideshowEnd: function(){},
                lastSlide: function(){},
                afterLoad: function(){}
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready( function(){
            // buttons for next and previous item
            var buttons = { previous:$('#jslidernews1 .button-previous') ,
                next:$('#jslidernews1 .button-next') };
            $('#jslidernews1').lofJSidernews( { interval : 4000,
                direction		: 'opacitys',
                easing			: 'easeInOutExpo',
                duration		: 1200,
                auto		 	: true,
                maxItemDisplay  : 4,
                navPosition     : 'horizontal', // horizontal
                navigatorHeight : 90,
                navigatorWidth  : 80,
                mainWidth		: 560,
                buttons			: buttons
                ,rtl:true} );
        });
    </script>
</body>
</html>